.jqx-widget,
.jqx-widget-content,
.jqx-datatable-load .jqx-fill-state-normal {
    font-family: var(--font-family);
}


/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-arctic-hal {
    border-top-left-radius: 4px;
}

/*top-right rounded Corners*/
.jqx-rc-tr-arctic-hal {
    border-top-right-radius: 4px;
}

/*bottom-left rounded Corners*/
.jqx-rc-bl-arctic-hal {
    border-bottom-left-radius: 4px;
}

/*bottom-right rounded Corners*/
.jqx-rc-br-arctic-hal {
    border-bottom-right-radius: 4px;
}

/*top rounded Corners*/
.jqx-rc-t-arctic-hal {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/*bottom rounded Corners*/
.jqx-rc-b-arctic-hal {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*right rounded Corners*/
.jqx-rc-r-arctic-hal {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*left rounded Corners*/
.jqx-rc-l-arctic-hal {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*all rounded Corners*/
.jqx-rc-all-arctic-hal {
    border-radius: 4px;
}

/* JQX CELL STYLING */

.jqx-hal-cell-green {
    color: black;
    background-color: #b6ff00;
}

.jqx-hal-cell-yellow {
    color: black;
    background-color: yellow;
}

.jqx-hal-cell-red {
    color: black;
    background-color: #e83636;
}

/* .jqx-hal-cell-green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .green:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: var(--black);
    background-color: #b6ff00;
}
.jqx-hal-cell-yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: var(--black);
    background-color: yellow;
}
.jqx-hal-cell-red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: var(--black);
    background-color: #e83636;
} */


/*fixing issue with hint size*/
.jqx-validator-hint {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}


.jqx-widget-arctic-hal,
.jqx-widget-header-arctic-hal,
.jqx-fill-state-normal-arctic-hal,
.jqx-widget-content-arctic-hal,
.jqx-fill-state-hover-arctic-hal,
.jqx-fill-state-pressed-arctic-hal {
    transition: box-shadow linear 0.2s;
}

.jqx-fill-state-focus-arctic-hal {
    color: var(--dark);
    text-decoration: none;
}

.jqx-calendar-row-header-arctic-hal,
.jqx-calendar-top-left-header-arctic-hal {
    background: var(--color-f1f1f1);
    border: 0;
}

.jqx-calendar-column-header-arctic-hal {
    background: var(--bg-white);
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--lightgray);
}

.jqx-expander-header-arctic-hal {
    background: var(--color-f1f1f1);
    border-color: var(--lightgray);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-progressbar-arctic-hal {
    background: var(--color-f7f7f7) !important;
    box-shadow: none;
}

.jqx-grid-column-filterbutton-arctic-hal {
    background: transparent;
    border: 0;
}

.jqx-menu-vertical-arctic-hal {
    background: var(--bg-white);
    filter: none;
}


.jqx-combobox-content-arctic-hal {
    border-color: var(--lightgray);
}


.jqx-window-arctic-hal,
.jqx-tooltip-arctic-hal {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.jqx-docking-arctic-hal .jqx-window-arctic-hal,
.jqx-docking-panel-arctic-hal .jqx-window-arctic-hal {
    box-shadow: none;
}

.jqx-radiobutton-arctic-hal {
    box-shadow: none;
    border-radius: 100%;
    background: none;
}

.jqx-radiobutton-arctic-hal-arctic-hal,
.jqx-radiobutton-hover-arctic-hal,
.jqx-slider-button-arctic-hal {
    border-radius: 100%;
}


.jqx-radiobutton-check-indeterminate-arctic-hal,
.jqx-radiobutton-check-indeterminate-disabled-arctic-hal {
    filter: none;
    background: var(--color-999);
    border-radius: 100%;
}

.jqx-slider-track-horizontal-arctic-hal,
.jqx-slider-track-vertical-arctic-hal {
    border-color: var(--lightgray);
    background: var(--color-f1f1f1);
}





.jqx-grid-cell-arctic-hal .jqx-button-arctic-hal,
.jqx-grid-cell-arctic-hal .jqx-button-arctic-hal.jqx-fill-state-hover-arctic-hal,
.jqx-grid-cell-arctic-hal .jqx-button-arctic-hal.jqx-fill-state-pressed-arctic-hal {
    box-shadow: none;
    transition: none;
}



.jqx-input-button-content-arctic-hal {
    font-size: 10px;
}

.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-column-header,
.jqx-widget .jqx-grid-group-cell {
    border-color: light-dark(var(--lightgray), var(--dark-card-bg));
    /* color: var(--black); */
    color: light-dark(#374151, var(--dark-text-clr)) !important;
}

.jqx-grid-column-header {
    font-weight: 700 !important;
}

.jqx-widget .jqx-grid-cell-alt {
    background-color: light-dark(var(--color-f9f9f9), var(--content-bg-dark)) !important;
}

.jqx-widget .jqx-grid-cell {
    font-weight: 600 !important;
    background-color: light-dark(var(--bg-white), var(--dark-card-bg));
}

.jqx-combobox-content-arctic-hal,
.jqx-input-arctic-hal {
    border-bottom: 1px solid var(--lightgray);
    color: var(--color-555);
    background: var(--bg-white);
    margin-right: -1px !important;
}

.jqx-combobox-content,
.jqx-combobox,
.jqx-combobox-state-normal,
.jqx-numberinput {
    border-color: var(--color-999);
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
}

.jqx-combobox-content-focus-arctic-hal,
.jqx-combobox-state-focus-arctic-hal,
.jqx-fill-state-focus-arctic-hal,
.jqx-numberinput-focus-arctic-hal {
    outline: none;
    border-color: var(--color-999);
}

input[type="text"].jqx-input-arctic-hal:-moz-placeholder,
input[type="text"].jqx-widget-content-arctic-hal:-moz-placeholder,
input[type="textarea"].jqx-widget-content-arctic-hal:-moz-placeholder,
textarea.jqx-input-arctic-hal:-moz-placeholder,

input[type="text"].jqx-input-arctic-hal:-webkit-input-placeholder,
input[type="text"].jqx-widget-content-arctic-hal:-webkit-input-placeholder,
input[type="textarea"].jqx-widget-content-arctic-hal:-webkit-input-placeholder,
textarea.jqx-input-arctic-hal:-webkit-input-placeholder,

input[type="text"].jqx-input-arctic-hal:-ms-input-placeholder,
input[type="text"].jqx-widget-content-arctic-hal:-ms-input-placeholder,
input[type="textarea"].jqx-widget-content-arctic-hal:-ms-input-placeholder,
textarea.jqx-input-arctic-hal:-ms-input-placeholder {
    color: var(--color-999);
}

.jqx-slider-rangebar-arctic-hal {
    border-color: var(--lightgray);
}

.jqx-tabs-title-selected-top-arctic-hal,
.jqx-tabs-selection-tracker-top-arctic-hal,
.jqx-tabs-title-selected-bottom-arctic-hal,
.jqx-tabs-selection-tracker-bottom-arctic-hal {
    border-color: var(--lightgray);
    filter: none;
    background: var(--bg-white);
    box-shadow: none;
}

.jqx-tabs-title-selected-top-arctic-hal,
.jqx-tabs-selection-tracker-top-arctic-hal {
    border-bottom: 1px solid var(--white);
}

.jqx-tabs-title-selected-bottom-arctic-hal,
.jqx-tabs-selection-tracker-bottom-arctic-hal {
    border-top: 1px solid var(--white);
}

.jqx-tabs-title-hover-top-arctic-hal,
.jqx-tabs-title-hover-bottom-arctic-hal,
.jqx-tabs-header-arctic-hal {
    box-shadow: none !important;
}

.jqx-window-collapse-button-arctic-hal {
    margin-top: 2px;
}

.jqx-window-collapse-button-collapsed-arctic-hal {
    margin-top: 0px;
}

.jqx-widget-content-arctic-hal,
.jqx-button-arctic-hal {
    /* color: var(--dark);
    border-color: var(--lightgray);
    background: var(--bg-white); */
}


.jqx-widget-header-arctic-hal,
.jqx-grid-arctic-hal {
    color: light-dark(var(--dark), var(--dark-text-clr)) !important;
    border-color: light-dark(var(--lightgray), var(--darkblue-border)) !important;
    background: light-dark(var(--color-fbfbfb), var(--dark-card-bg)) !important;
    /* background: var(--bg-white); */
}

body.dark-mode .jqx-scheduler-time-column, body.dark-mode .jqx-scheduler-toolbar{
    background: var(--dark-card-bg) !important;
}

.jqx-grid-column-menubutton-arctic-hal,
.jqx-widget-arctic-hal.jqx-grid-column-menubutton-arctic-hal {
    background: transparent;
    border-color: var(--lightgray);
}

.jqx-grid-cell-arctic-hal.jqx-scheduler-month-weekend-cell-arctic-hal,
.jqx-grid-cell-arctic-hal.jqx-scheduler-not-work-time-cell {
    background: light-dark(var(--color-f7f7f7), #212732) !important;
}

.jqx-fill-state-normal-arctic-hal {
    /* color: var(--dark);
    background: var(--bg-white);
    border: 1px solid var(--white) !important;
    border-bottom-color: var(--lightgray) !important; */
}

.jqx-grid-selectionarea-arctic-hal {
    border-color: var(--lightgray);
    background: var(--color-f7f7f7);
}

.jqx-widget-arctic-hal .jqx-grid-cell-alt-arctic-hal,
.jqx-widget-arctic-hal .jqx-grid-cell-sort-alt-arctic-hal,
.jqx-widget-arctic-hal .jqx-grid-cell-pinned-alt-arctic-hal,
.jqx-widget-arctic-hal .jqx-grid-cell-filter-alt-arctic-hal,
.jqx-grid-cell-alt-arctic-hal,
.jqx-grid-cell-sort-alt-arctic-hal,
.jqx-grid-cell-filter-alt-arctic-hal {  
    /* background-color: var(--bg-white); */
    /* color: var(--dark); */
}


/* .jqx-widget-arctic-hal .jqx-grid-cell-sort-arctic-hal,*/
.jqx-widget-arctic-hal .jqx-grid-cell-filter-arctic-hal,
.jqx-grid-cell-filter-arctic-hal,
.jqx-grid-cell-pinned {
    background-color: light-dark(var(--bg-white), var(--dark-card-bg)) !important;
    color: var(--dark);
    border-color: var(--lightgray) !important;
}

#reportGrid0 .jqx-grid-cell-pinned.jqx-grid-cell-hover:not(.jqx-fill-state-hover, [id*=formGrid] .jqx-grid-cell-selected),
[id*=askGrid] .jqx-grid-cell-pinned.jqx-grid-cell-hover:not(.jqx-fill-state-hover, [id*=formGrid] .jqx-grid-cell-selected),
.jqx-widget .jqx-grid-cell.jqx-grid-cell-pinned:not(.jqx-grid-cell-filter-row, .jqx-grid-cell-filter-row .jqx-grid-cell-pinned, .jqx-fill-state-hover, [id*=formGrid] .jqx-grid-cell-selected),
.jqx-widget .jqx-grid-cell-filter-row .jqx-grid-cell:not(.jqx-grid-cell-pinned, .jqx-fill-state-hover, [id*=formGrid] .jqx-grid-cell-selected) {
    background-color: light-dark(var(--color-f7f7f7), var(--dark-card-bg)) !important;
    border-color: light-dark(var(--gray), var(--darkblue-border)) !important;
}

.jqx-widget .jqx-grid-cell-sort {
    border-color: light-dark(var(--gray), #aaa) !important;
    background: light-dark(var(--lightblue), #51586f) !important;
}

.jqx-switchbutton-label-on-arctic-hal {
    color: var(--dark);
    border-color: var(--darkgray);
    background: var(--lightgray);
}

.jqx-tabs-title-arctic-hal {
    color: light-dark(var(--theme), var(--color-777)) !important;
    font-weight: 600;
}

.jqx-tabs-title-selected-top-arctic-hal,
.jqx-tabs-selection-tracker-top-arctic-hal {
    color: var(--theme);
    font-weight: 600;
    border-top: 2px solid var(--hippie-blue) !important;
    border-bottom: 0;
    background: var(--bg-white);
}

.jqx-tabs-title-selected-bottom-arctic-hal,
.jqx-tabs-selection-tracker-bottom-arctic-hal {
    color: var(--dark);
    border-color: var(--lightgray);
    border-top: 1px solid var(--white);
    background: var(--bg-white);
}

.jqx-splitter-splitbar-hover-arctic-hal {
    background: var(--color-f1f1f1);
}


.jqx-splitter-splitbar-vertical-arctic-hal,
.jqx-splitter-splitbar-horizontal-arctic-hal {
    background: var(--darkgray);
    border-color: var(--darkgray);
    box-shadow: none;
}


.jqx-splitter-splitbar-vertical-arctic-hal,
.jqx-splitter-splitbar-horizontal-arctic-hal,
.jqx-slider-track-horizontal-arctic-hal,
.jqx-slider-track-vertical-arctic-hal,
.jqx-grid-bottomright-arctic-hal,
.jqx-panel-bottomright-arctic-hal,
.jqx-listbox-bottomright-arctic-hal {
    background: var(--color-f5f5f5);
}

.jqx-radiobutton-check-checked-arctic-hal {
    background: var(--color-666);
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
    border-width: 1px;
    border-style: solid;
}



.jqx-radiobutton-default-arctic-hal,
.jqx-radiobutton-arctic-hal,
.jqx-radiobutton-check-checked-arctic-hal,
.jqx-radiobutton-hover-arctic-hal,
.jqx-radiobutton-check-indeterminate-arctic-hal,
.jqx-radiobutton-check-indeterminate-disabled-arctic-hal,
.jqx-slider-button-arctic-hal {
    border-radius: 100% !important;
}

.jqx-rc-all-arctic-hal,
.jqx-tooltip-arctic-hal,
.jqx-tooltip-text-arctic-hal,
.jqx-tooltip-main-arctic-hal {
    border-radius: 2px;
}

.jqx-menu-vertical-arctic-hal {
    background: var(--bg-white);
}

.jqx-tooltip-arctic-hal,
.jqx-tooltip-main-arctic-hal {
    color: var(--dark);
    border-color: var(--lightgray);
    background: var(--color-f7f7f7);
}

.jqx-combobox-content-arctic-hal,
.jqx-input-arctic-hal {
    color: light-dark(var(--dark), var(--dark-text-clr)) !important;
    border-color: light-dark(var(--lightgray), var(--color-555)) !important;
    background: light-dark(var(--bg-white), var(--btn-bg)) !important;
    border-left: none;
    border-right: none;
    border-top: none;
}

.jqx-combobox-input-arctic-hal {
    color: light-dark(var(--dark), var(--dark-text-clr)) !important;
}

#reportGridTab0 .jqx-rc-all-arctic-hal {
    border: 0;
}

#reportGridTab0 .formReportGroupTabs {
    padding-right: 0;
    padding-left: 0;
}

.jqx-popup {
    border-radius: 8px;
}

.jqx-fill-state-focus-arctic-hal,
.jqx-popup-arctic-hal .jqx-fill-state-focus-arctic-hal {
    border-color: var(--color-999);
}

.jqx-popup .jqx-date-time-input-popup {
    border-width: 1px !important;
    padding: 1px 3px;
}

.jqx-popup.jqx-listbox,
.jqx-popup-arctic-hal.jqx-calendar-arctic-hal,
.jqx-menu-dropdown-arctic-hal,
.jqx-fill-state-pressed-arctic-hal,
.jqx-popup-arctic-hal.jqx-dropdownbutton-popup-arctic-hal {
    color: light-dark(var(--dark), var(--white));
    border-color: light-dark(var(--color-ccc), var(--color-555));
    background: light-dark(var(--bg-white), var(--color-333));
}

[id*=innerListBox]> :first-child {
    max-width: 100%;
}

[id*=innerListBox] .jqx-listitem-state-normal,
[id*=innerListBox] .jqx-listitem-state-normal> :first-child {
    height: 100%;
}

.jqx-fill-state-hover-arctic-hal,
.jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal {
    color: var(--inputDropdown-hvrcolor) !important;
    border-color: light-dark(var(--inputDropdown-hvrborder), var(--dark-input-border)) !important;
    background: light-dark(var(--inputDropdown-hvrbg), var(--btn-bg)) !important;
}

.jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal,
.jqx-listitem-state-hover,
.jqx-menu-item-hover-arctic-hal,
.jqx-tree-item-hover-arctic-hal,
.jqx-calendar-cell-hover-arctic-hal,
.jqx-grid-cell-hover-arctic-hal,
.jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
.jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
.jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal {
    color: light-dark(var(--inputDropdown-hvrcolor), var(--dark-text-clr)) !important;
    box-shadow: none;
    border-color: light-dark(var(--inputDropdown-hvrborder), #aaa) !important;
    background: light-dark(var(--inputDropdown-hvrbg), var(--dark-hover-bg)) !important;
}

.jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
.jqx-listitem-state-selected,
.jqx-menu-item-selected-arctic-hal,
.jqx-tree-item-selected-arctic-hal,
.jqx-calendar-cell-selected-arctic-hal,
.jqx-grid-cell-selected-arctic-hal,
.jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
/* .jqx-grid-selectionarea-arctic-hal,  */
.jqx-input-button-header-arctic-hal,
.jqx-input-button-innerHeader-arctic-hal {
    color: var(--inputDropdown-sltcolor) !important;
    border-color: var(--inputDropdown-sltborder) !important;
    background: var(--inputDropdown-sltbg) !important;
    box-shadow: none;
}


.jqx-progressbar-value-arctic-hal,
.jqx-slider-rangebar-arctic-hal,
.jqx-progressbar-value-vertical-arctic-hal,
.jqx-splitter-collapse-button-horizontal-arctic-hal,
.jqx-splitter-collapse-button-vertical-arctic-hal {
    background: var(--theme) !important;
}

.jqx-fill-state-disabled,
.jqx-input-disabled-arctic-hal,
.jqx-combobox-content-disabled-arctic-hal,
.jqx-combobox-content-disabled-arctic-hal input {
    opacity: 1;
    cursor: default;
    background: var(--color-f1f1f1);
    filter: Alpha(Opacity=90);
}

.jqx-fill-state-disabled .jqx-rc-br-arctic-hal,
.jqx-fill-state-disabled .jqx-rc-tr-arctic-hal {
    cursor: default;
    background: var(--color-f1f1f1);
}


.jqx-combobox-state-disabled-arctic-hal .jqx-rc-r-arctic-hal,
.jqx-datetimeinput.jqx-input-disabled .jqx-input-content-arctic-hal,
.jqx-datetimeinput.jqx-input-disabled .jqx-rc-r-arctic-hal {
    /* cursor: default !important;/ */
    background: var(--color-f1f1f1) !important;
}

.jqx-datetimeinput.jqx-input-disabled .jqx-rc-r-arctic-hal {
    border-left: 1px solid var(--color-f1f1f1);

}

.jqx-dropdownlist-state-normal-arctic-hal {
    background: var(--input-bg);
    border-color: var(--lightgray);
    border-left: none;
    border-right: none;
    border-top: none;
}

.jqx-grid-pager .jqx-dropdownlist-state-normal {
    background-color: var(--primarylight);
}

.jqx-primary-arctic-hal {
    line-height: 1;
}


input[type=text].jqx-input-arctic-hal,
input[type=password].jqx-input-arctic-hal {
    border: 1px solid var(--color-999);
    border-left: none;
    border-right: none;
    border-top: none;

}


.jqx-listitem-state-hover-arctic-hal,
.jqx-listitem-state-selected-arctic-hal,
.jqx-listitem-state-normal {
    padding: 0px 5px;
    /* height: 100%; */
    border: 0px;
    /* color: light-dark(inherit, var(--dark-text-clr)); */
}


/* reportGrid0 */
#reportGrid0 .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal,
#reportGrid0 .jqx-listitem-state-hover-arctic-hal,
#reportGrid0 .jqx-menu-item-hover-arctic-hal,
#reportGrid0 .jqx-tree-item-hover-arctic-hal,
#reportGrid0 .jqx-calendar-cell-hover-arctic-hal,
#reportGrid0 .jqx-grid-cell-hover-arctic-hal:not(.jqx-grid-cell-pinned),
#reportGrid0 .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
#reportGrid0 .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
#reportGrid0 .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
#reportGrid0 .jqx-input-button-header-arctic-hal,

[id*=askGrid] .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal,
[id*=askGrid] .jqx-listitem-state-hover-arctic-hal,
[id*=askGrid] .jqx-menu-item-hover-arctic-hal,
[id*=askGrid] .jqx-tree-item-hover-arctic-hal,
[id*=askGrid] .jqx-calendar-cell-hover-arctic-hal,
[id*=askGrid] .jqx-grid-cell-hover-arctic-hal:not(.jqx-grid-cell-pinned),
[id*=askGrid] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
[id*=askGrid] .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
[id*=askGrid] .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
[id*=askGrid] .jqx-input-button-header-arctic-hal,

#reportGroupReportId0 .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal #reportGroupReportId0 .jqx-listitem-state-hover-arctic-hal,
#reportGroupReportId0 .jqx-menu-item-hover-arctic-hal,
#reportGroupReportId0 .jqx-tree-item-hover-arctic-hal,
#reportGroupReportId0 .jqx-calendar-cell-hover-arctic-hal,
#reportGroupReportId0 .jqx-grid-cell-hover-arctic-hal,
#reportGroupReportId0 .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
#reportGroupReportId0 .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
#reportGroupReportId0 .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
#reportGroupReportId0 .jqx-input-button-header-arctic-hal [id*=formGrid] .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal [id*=formGrid] .jqx-listitem-state-hover-arctic-hal,
[id*=formGrid] .jqx-menu-item-hover-arctic-hal,
[id*=formGrid] .jqx-tree-item-hover-arctic-hal,
[id*=formGrid] .jqx-calendar-cell-hover-arctic-hal,
[id*=formGrid] .jqx-grid-cell-hover-arctic-hal,
[id*=formGrid] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
[id*=formGrid] .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
[id*=formGrid] .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
[id*=formGrid] .jqx-input-button-header-arctic-hal [id*=modalContainer] .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal [id*=modalContainer] .jqx-listitem-state-hover-arctic-hal,
[id*=modalContainer] .jqx-menu-item-hover-arctic-hal,
[id*=modalContainer] .jqx-tree-item-hover-arctic-hal,
[id*=modalContainer] .jqx-calendar-cell-hover-arctic-hal,
[id*=modalContainer] .jqx-grid-cell-hover-arctic-hal,
[id*=modalContainer] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
[id*=modalContainer] .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
[id*=modalContainer] .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
[id*=modalContainer] .jqx-input-button-header-arctic-hal [id*=dropDownButtonPopup] .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal [id*=dropDownButtonPopup] .jqx-listitem-state-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-menu-item-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-tree-item-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-calendar-cell-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-grid-cell-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
[id*=dropDownButtonPopup] .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
[id*=dropDownButtonPopup] .jqx-input-button-header-arctic-hal,


#dataImportGrid .jqx-widget-arctic-hal .jqx-grid-cell-hover-arctic-hal,
#dataImportGrid .jqx-listitem-state-hover-arctic-hal,
#dataImportGrid .jqx-menu-item-hover-arctic-hal,
#dataImportGrid .jqx-tree-item-hover-arctic-hal,
#dataImportGrid .jqx-calendar-cell-hover-arctic-hal,
#dataImportGrid .jqx-grid-cell-hover-arctic-hal,
#dataImportGrid .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-hover-arctic-hal,
#dataImportGrid .jqx-input-popup-arctic-hal .jqx-fill-state-hover-arctic-hal,
#dataImportGrid .jqx-input-popup-arctic-hal .jqx-fill-state-pressed-arctic-hal,
#dataImportGrid .jqx-input-button-header-arctic-hal {
    color: light-dark(var(--ch-color), var(--white)) !important;
    border-color: light-dark(var(--ch-border), var(--dark-input-border)) !important;
    background: light-dark(var(--ch-bg), #51586f) !important;
}



#reportGrid0 .jqx-grid-cell-edit,
#dataImportGrid .jqx-grid-cell-edit {
    background: var(--bg-white) !important;
    /* background: var(--lightblue) !important; */
    border: 1px solid var(--ch-border) !important;
    box-shadow: 2px 2px 7px #2a1e1e30;
}


#reportGrid0 .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
#reportGrid0 .jqx-listitem-state-selected-arctic-hal,
#reportGrid0 .jqx-menu-item-selected-arctic-hal,
#reportGrid0 .jqx-tree-item-selected-arctic-hal,
#reportGrid0 .jqx-calendar-cell-selected-arctic-hal,
#reportGrid0 .jqx-grid-cell-selected-arctic-hal,
#reportGrid0 .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
#reportGrid0 .jqx-grid-selectionarea-arctic-hal,


[id*=askGrid] .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
[id*=askGrid] .jqx-listitem-state-selected-arctic-hal,
[id*=askGrid] .jqx-menu-item-selected-arctic-hal,
[id*=askGrid] .jqx-tree-item-selected-arctic-hal,
[id*=askGrid] .jqx-calendar-cell-selected-arctic-hal,
[id*=askGrid] .jqx-grid-cell-selected-arctic-hal,
[id*=askGrid] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
[id*=askGrid] .jqx-grid-selectionarea-arctic-hal,

#reportGroupReportId0 .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
#reportGroupReportId0 .jqx-listitem-state-selected-arctic-hal,
#reportGroupReportId0 .jqx-menu-item-selected-arctic-hal,
#reportGroupReportId0 .jqx-tree-item-selected-arctic-hal,
#reportGroupReportId0 .jqx-calendar-cell-selected-arctic-hal,
#reportGroupReportId0 .jqx-grid-cell-selected-arctic-hal,
#reportGroupReportId0 .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
#reportGroupReportId0 .jqx-grid-selectionarea-arctic-hal [id*=formGrid] .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
[id*=formGrid] .jqx-listitem-state-selected-arctic-hal,
[id*=formGrid] .jqx-menu-item-selected-arctic-hal,
[id*=formGrid] .jqx-tree-item-selected-arctic-hal,
[id*=formGrid] .jqx-calendar-cell-selected-arctic-hal,
[id*=formGrid] .jqx-grid-cell-selected-arctic-hal,
[id*=formGrid] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
[id*=formGrid] .jqx-grid-selectionarea-arctic-hal [id*=modalContainer] .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
[id*=modalContainer] .jqx-listitem-state-selected-arctic-hal,
[id*=modalContainer] .jqx-menu-item-selected-arctic-hal,
[id*=modalContainer] .jqx-tree-item-selected-arctic-hal,
[id*=modalContainer] .jqx-calendar-cell-selected-arctic-hal,
[id*=modalContainer] .jqx-grid-cell-selected-arctic-hal,
[id*=modalContainer] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
[id*=modalContainer] .jqx-grid-selectionarea-arctic-hal [id*=dropDownButtonPopup] .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-listitem-state-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-menu-item-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-tree-item-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-calendar-cell-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-grid-cell-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
[id*=dropDownButtonPopup] .jqx-grid-selectionarea-arctic-hal,

#dataImportGrid .jqx-widget-arctic-hal .jqx-grid-cell-selected-arctic-hal,
#dataImportGrid .jqx-listitem-state-selected-arctic-hal,
#dataImportGrid .jqx-menu-item-selected-arctic-hal,
#dataImportGrid .jqx-tree-item-selected-arctic-hal,
#dataImportGrid .jqx-calendar-cell-selected-arctic-hal,
#dataImportGrid .jqx-grid-cell-selected-arctic-hal,
#dataImportGrid .jqx-menu-vertical-arctic-hal .jqx-menu-item-top-selected-arctic-hal,
#dataImportGrid .jqx-grid-selectionarea-arctic-hal {
    color: light-dark(var(--ch-color), var(--white)) !important;
    border-color: light-dark(var(--ch-border), #6e7890) !important;
    background: light-dark(var(--ch-bg), #51586f) !important;

}


#reportGrid0 .jqx-grid-cell-filter-row {
    border-bottom: 0px;
    /* opacity: 0.9; */
}

/* #reportGrid0 .jqx-grid-cell-filter-row .jqx-combobox-content-arctic-hal, 
#reportGrid0 .jqx-grid-cell-filter-row .jqx-input-arctic-hal, 
#reportGrid0 .jqx-grid-cell-filter-row .jqx-dropdownlist-state-normal-arctic-hal,

#formDiv .jqx-grid-cell-filter-row .jqx-dropdownlist-state-normal-arctic-hal,
#formDiv .jqx-grid-cell-filter-row .jqx-filter-input{
    border: 1px solid var(--primarylight) !important;
} */

/* #reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content, 
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content{
    background: var(--input-bg);
} */
#reportGrid0 .jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content,
#formDiv .jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-dropdownlist .jqx-dropdownlist-content {
    line-height: 20px;
}

#reportGrid0 .jqx-grid-cell-filter-row .jqx-filter-input,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-dropdownlist,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-action-button,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-input-arctic-hal,

[id*=askGrid] .jqx-grid-cell-filter-row .jqx-filter-input,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-dropdownlist,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-action-button,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-input-arctic-hal,

#formDiv .jqx-grid-cell-filter-row .jqx-filter-input,
#formDiv .jqx-grid-cell-filter-row .jqx-dropdownlist,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-action-button,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content [id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-filter-input,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-dropdownlist,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-action-button,

#dataImportGrid .jqx-grid-cell-filter-row .jqx-filter-input,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-dropdownlist,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-action-button,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-input-arctic-hal {
    background: light-dark(var(--input-bg), var(--btn-bg)) !important;
    border-color: light-dark(var(--gray), var(--dark-input-border)) !important;
}

#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content {
    background: var(--input-bg);
}

#reportGrid0 .jqx-grid-cell-filter-row .jqx-filter-input,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-filter-input,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#formDiv .jqx-grid-cell-filter-row .jqx-filter-input,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-filter-input,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-filter-input,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput .jqx-input-content {
    padding: 4px;
}

#reportGrid0 .jqx-grid-cell-filter-row .jqx-filter-input+.jqx-dropdownlist,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-filter-input+.jqx-dropdownlist,
#formDiv .jqx-grid-cell-filter-row .jqx-filter-input+.jqx-dropdownlist,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-filter-input+.jqx-dropdownlist,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-filter-input+.jqx-dropdownlist {
    height: 26px !important;
}

#reportGrid0 .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus+.jqx-dropdownlist,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-dropdownlist.jqx-fill-state-focus,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-datetimeinput.jqx-fill-state-focus,

[id*=askGrid] .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus+.jqx-dropdownlist,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-dropdownlist.jqx-fill-state-focus,
[id*=askGrid] .jqx-grid-cell-filter-row .jqx-datetimeinput.jqx-fill-state-focus,
#formDiv .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus,
#formDiv .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus+.jqx-dropdownlist,
#formDiv .jqx-grid-cell-filter-row .jqx-datetimeinput.jqx-fill-state-focus,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus,
[id*=dropDownButtonPopup] .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus+.jqx-dropdownlist,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-filter-input.jqx-fill-state-focus+.jqx-dropdownlist,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-dropdownlist.jqx-fill-state-focus,
#dataImportGrid .jqx-grid-cell-filter-row .jqx-datetimeinput.jqx-fill-state-focus {
    border-color: var(--primarydark) !important;
    background: var(--lightblue);
}

#dataImportGrid.jqx-grid .jqx-grid-cell.invalid-cell,
#dataImportGrid.jqx-grid .jqx-grid-cell-selected.invalid-cell {
    border: 1px solid #dfa0a0 !important;
    background-color: var(--lightred) !important;
}

#dataImportGrid.jqx-grid .jqx-grid-cell.jqx-grid-cell-selected.invalid-cell {
    background-color: var(--borderred) !important;
}

.jqx-grid .jqx-grid-cell.invalid-cell::after,
.jqx-grid .jqx-grid-cell-selected.invalid-cell::after {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    height: 100%;
    width: 100%;
    content: '';
    clear: both;
    display: block;
    border-left: 1px solid #dfa0a0 !important;
    border-top: 1px solid #dfa0a0 !important;
    background-color: var(--lightred) !important;
}

.jqx-grid [id*=row0] .jqx-grid-cell.invalid-cell::after,
.jqx-grid [id*=row0] .jqx-grid-cell:is(.jqx-grid-cell-selected.invalid-cell, .jqx-fill-state-pressed.invalid-cell)::after {
    border-top: 0px !important;
}

.jqx-grid [id*=row]>.jqx-grid-cell.invalid-cell:first-child:after,
.jqx-grid [id*=row] .jqx-grid-cell:is(.jqx-grid-cell-selectedv, .jqx-fill-state-pressed.invalid-cell):first-child:after {
    border-left: 0px !important;
}

#dataImportGrid.jqx-grid .jqx-grid-cell-selected.invalid-cell::after {
    background-color: var(--borderred) !important;
}

#dataImportGrid.jqx-grid .jqx-grid-cell.jqx-grid-cell-edit.invalid-cell,
#dataImportGrid.jqx-grid .jqx-grid-cell-edit.invalid-cell::after {
    background-color: #ffffff00 !important;
}

.jqx-grid-validation {
    background: var(--red) !important;
    padding: 4px 6px;
    border-radius: 4px !important;
}

#reportGrid0 .jqx-grid-cell-filter-row input::placeholder,
#reportGrid0 .jqx-grid-cell-filter-row .jqx-dropdownlist {
    color: var(--color-888);
    font-size: 11px;
    line-height: 15px;
}

#reportGrid0 .jqx-grid-selectionarea,
#formGrid0 .jqx-grid-selectionarea,
#formDiv .jqx-grid-selectionarea {
    background: var(--melrose) !important;
    opacity: 0.3;
    border-color: var(--primarydark) !important;
    z-index: 9999 !important;
}

#reportGrid0 .jqx-grid-groups-header .jqx-grid-group-column,
[id*='bulkSelectGrid0'] .jqx-grid-groups-header .jqx-grid-group-column {
    /* color: var(--color-777) !important; */
    border: 1px solid var(--primarylight) !important;
    background-color: var(--lightblue);
    border-radius: 50px;
    padding-inline: 5px;
}

#reportGrid0 .jqx-grid-groups-header .jqx-grid-group-column a,
[id*='bulkSelectGrid0'] .jqx-grid-groups-header .jqx-grid-group-column a {
    font-size: 12px;
    margin-right: 0px;
}

#reportGrid0 .jqx-grid-groups-header .jqx-grid-group-column-line,
[id*='bulkSelectGrid0'] .jqx-grid-groups-header .jqx-grid-group-column-line {
    background: transparent;
}



#reportGrid0 .tree-aggregate-header:not(.jqx-fill-state-hover, .jqx-grid-cell-selected) {
    font-weight: 600 !important;
    background: light-dark(var(--color-f9f9f9), (--input-drpdwn-bg)) !important;
}

/* cell mark */

.jqx-hal-cell-green,
.jqx-widget :is(.green, .jqx-hal-cell-green) {
    color: var(--black) !important;
    background-color: var(--cell-green) !important;
}

.jqx-hal-cell-yellow,
.jqx-widget :is(.yellow, .jqx-hal-cell-yellow) {
    color: var(--black);
    background-color: var(--cell-yellow) !important;
}

.jqx-hal-cell-red,
.jqx-widget :is(.red, .jqx-hal-cell-red) {
    color: var(--black);
    background-color: var(--cell-red) !important;
}


/* empty-cell */
#reportGrid0 .jqx-grid-empty-cell,
#formDiv .jqx-grid-empty-cell {
    position: relative;
    --size: 200px;
}


#reportGrid0 .jqx-grid-empty-cell>span::before {
    margin-bottom: 1rem;
    content: '';
    clear: both;
    display: block;
    height: var(--size);
    width: var(--size);
    text-align: center;
    background-image: url(../../../img/noreportsdata.svg);
    background-size: cover;
}

#reportGrid0 .jqx-grid-empty-cell>span {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    display: flex;
    align-items: center;
    color: var(--color-777);
    margin-top: calc(var(--size) / 2 - var(--size));
}

/* scrollbar */

/* .jqx-scrollbar-thumb-state-normal-arctic-hal, .jqx-scrollbar-thumb-state-normal-horizontal-arctic-hal {
    border-color: #b1b1b1 !important;
    background: #f8f8f8 !important;
}

.jqx-scrollbar-thumb-state-hover-arctic-hal, .jqx-scrollbar-thumb-state-hover-horizontal-arctic-hal {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
}

.jqx-scrollbar-thumb-state-normal-horizontal-arctic-hal, .jqx-scrollbar-thumb-state-normal-arctic-hal{
    background: #f5f5f5;
}


.jqx-scrollbar-thumb-state-hover-arctic-hal, .jqx-scrollbar-thumb-state-hover-horizontal-arctic-hal{
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.jqx-scrollbar-thumb-state-pressed-arctic-hal, .jqx-scrollbar-thumb-state-pressed-horizontal-arctic-hal{
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.jqx-scrollbar-button-state-normal-arctic-hal{
    background: #f8f8f8;
}

.jqx-scrollbar-button-state-hover-arctic-hal, .jqx-scrollbar-button-state-pressed-arctic-hal{
    background: #e6e6e6;
    border-color: #b3b3b3;
} */





.jqx-scrollbar-state-normal {
    background: light-dark(var(--color-f7f7f7), var(--dark-card-bg));
    border: 1px solid light-dark(var(--color-f7f7f7), var(--darkblue-border));
}


body:is(.mobile-detected) :is(.jqx-scrollbar-thumb-state-normal,
    .jqx-scrollbar-thumb-state-normal-horizontal),
.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-normal-horizontal {
    border-color: light-dark(var(--scrollbar-border), var(--color-333)) !important;
    background: none !important;
    background-color: light-dark(var(--scrollbar-bg), var(--scrollbar-bg-dark)) !important;
    border-radius: 4px;
    box-shadow: none !important;
}


.jqx-scrollbar-thumb-state-normal:hover,
.jqx-fill-state-normal.jqx-fill-state-pressed,
.jqx-scrollbar-thumb-state-normal-horizontal:hover,
.jqx-scrollbar-thumb-state-normal-horizontal.jqx-scrollbar-thumb-state-pressed-horizontal {
    background-color: light-dark(var(--scrollbar-bghover), var(--scrollbar-bghover-dark)) !important;
}

.jqx-grid-pager .jqx-button {
    background-color: light-dark(var(--primarylight), var(--dark-card-bg)) !important;
    border-color: light-dark(#aaaaaa, var(--darkblue-border)) !important;
}

.jqx-grid-pager .jqx-button:hover {
    background-color: var(--lightblue) !important;
}

/* #jqxScrollThumbhorizontalScrollBarTopreportGrid0, 
#jqxScrollThumbhorizontalScrollBarreportGrid0, 
#jqxScrollThumbverticalScrollBarreportGrid0, 
.uidashboardcard .summaryBlockTable .jqx-scrollbar .jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-button-state-normal-arctic-hal, .jqx-grid-pager .jqx-button {
    border-color: var(--white) !important;
    background: none !important;
    background-color: var(--primarylight) !important;
    border-radius: 4px;
    box-shadow: none !important;
}

#jqxScrollThumbhorizontalScrollBarTopreportGrid0:hover, 
#jqxScrollThumbhorizontalScrollBarreportGrid0:hover, 
#jqxScrollThumbverticalScrollBarreportGrid0:hover, 
.uidashboardcard .summaryBlockTable .jqx-scrollbar .jqx-scrollbar-thumb-state-normal:hover,
.jqx-scrollbar-button-state-normal-arctic-hal:hover,
.jqx-scrollbar-thumb-state-normal-arctic-hal:hover, .jqx-grid-pager .jqx-button:hover{
    background-color: var(--lavender-grey) !important;
} */


.jqx-checkbox-default-arctic-hal {
    border: 1px solid var(--darkgray) !important;
}

.jqx-checkbox[checked="true"] .jqx-checkbox-default-arctic-hal {
    border-color: var(--gray) !important;
    background-color: var(--lightblue) !important;
}

.jqx-checkbox[checked="true"]+.jqx-item {
    color: var(--primary);
    font-weight: 600;
}

.jqx-checkbox-check-checked-arctic-hal {
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC') center center no-repeat;

}

.jqx-checkbox-hover {
    box-shadow: none;
}

.jqx-grid-statusbar .jqx-grid-cell-pinned:not(.jqx-right-align-arctic-hal) {
    background: var(--color-f9f9f9);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px !important;
    color: var(--primarydark);
}

#formDiv .jqx-grid-statusbar .jqx-grid-cell-pinned,
#formDiv .jqx-grid-column-header {
    background-color: light-dark(var(--ghostwhite), var(--content-bg-dark)) !important;
    border-color: light-dark(var(--gray), var(--darkblue-border)) !important;
}

.btn-jqx .jqx-button,
.btn-jqx.jqx-button {
    border: 1px solid var(--gray) !important;
    padding: 6px 1.5rem;
    width: auto !important;
    height: auto !important;
    flex-grow: 1;
    font-weight: 600;
    border-radius: 4px;
}

.reportGridMenu {
    padding: 0px 5px;
}

.reportGridMenu>li:not(.jqx-menu-item-separator) {
    margin-inline: 0px;
    border-radius: 5px;
    font-weight: 500;
    color: light-dark(var(--black), var(--dark-text-clr));
}

.reportGridMenu>li [class*=material-symbols] {
    font-size: 18px;
}

#reportGrid0 .jqx-grid-pager {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

#reportGrid0 .jqx-grid-pager>div {
    position: static !important;
    width: auto !important;
}

#reportGrid0 .jqx-grid-pager>div:not(.actionBtnsInPager) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

#reportGrid0 .jqx-grid-pager .actionBtnsInPager {
    margin-right: auto;
}

#reportGrid0 .jqx-enableselect {
    border: 1px solid var(--lightgray) !important;
}

/* jqx-tabs */
#reportGrid0 .jqx-tabs,
#formDiv .jqx-tabs {
    border-radius: 5px;
}

#reportGrid0 .jqx-tabs .jqx-tabs-title-container>li,
#formDiv .jqx-tabs .jqx-tabs-title-container>li {
    margin: 0px !important;
    padding-block: 7px;
}

#reportGrid0 .jqx-tabs .jqx-tabs-header,
#formDiv .jqx-tabs .jqx-tabs-header {
    padding: 0px;
}

#reportGrid0 .jqx-tabs .jqx-tabs-header .jqx-tabs-title,
#formDiv .jqx-tabs .jqx-tabs-header .jqx-tabs-title,
#reportGridTab0 .jqx-tabs .jqx-tabs-header .jqx-tabs-title,
.inlinePreviewModalBody .jqx-tabs .jqx-tabs-header .jqx-tabs-title {
    border: 0 !important;
    border-bottom: 2px solid var(--transparent) !important;
}

#reportGrid0 .jqx-tabs .jqx-tabs-header .jqx-tabs-title-selected-top,
#formDiv .jqx-tabs .jqx-tabs-header .jqx-tabs-title-selected-top,
#reportGridTab0 .jqx-tabs .jqx-tabs-header .jqx-tabs-title-selected-top,
.inlinePreviewModalBody .jqx-tabs .jqx-tabs-header .jqx-tabs-title-selected-top {
    border-color: var(--primary) !important;
    color: light-dark(var(--primary), var(--white)) !important;
    background: light-dark(var(--lightblue), var(--dark-hover-bg)) !important;
}

#reportGrid0 .jqx-tabs .jqx-tabs-header li:hover,
#formDiv .jqx-tabs .jqx-tabs-header li:hover,
.inlinePreviewModalBody .jqx-tabs .jqx-tabs-header li:hover {
    background: light-dark(var(--gray), var(--color-444)) !important;
    color: light-dark(var(--theme), var(--white)) !important;
}

.formGridToolbar .jqx-button {
    padding: 0px;
    border: 0px !important;
    width: unset !important;
    height: unset !important;
}

body.mobile-detected .jqx-scrollbar-thumb-state-normal-horizontal {
    height: 8px !important;
    border-radius: 5px !important;
}

body.mobile-detected .jqx-scrollbar-thumb-state-normal:not(.jqx-scrollbar-thumb-state-normal-horizontal) {
    width: 8px !important;
    border-radius: 5px !important;
}

[id^=reportGroupReportId].jqx-grid {
    border: 0px;
}